﻿body {
    font-family:'Segoe UI', Verdana, Tahoma, sans-serif;
}
h1 {
    margin:0px;
    padding:0px;
}
html, body, form {
      padding: 0;
      margin: 0;
      height: 100%;
}

#page-wrapper {
    min-height: 100%;
    margin-bottom: -150px;
    position: relative;
    background-image:url(/images/bgNoise.png);
    background-repeat:repeat;
}
#content, #footer, h1, .grid-header, .grid-column, .side-panel, .footer, .button-holder, .button, .information-msg, #navigation ul li  {
    padding:10px;
}
a{
    text-decoration:none;    
}
img {
    border-style:none;
}
.side-panel, .written-by-panel, .field-holder, .information-msg {

    margin: 10px 0 10px 0;
}
#three-column-layout, #three-column-layout #left-panel, #three-column-layout #center-panel, #three-column-layout #right-panel, .written-by-panel > div, #one-column-layout .field-holder > div, #navigation ul li  {
    display:inline-block;
}
.grid, #three-column-layout {
    width:100%;
}
grid-header, .grid-column, #three-column-layout #left-panel, .field-holder > div:first-child {
    vertical-align: top;
}
.text-field {
    width:350px;
}
.clear-button {
    clear:both;
}
.button {
    float:right;
}

.grid-header, .grid-column, .field, .information-msg, .error-msg, .success-msg, .asterisk, .text-field, .text-area {
    font-size: 12px;
}
.grid-header, #navigation ul {
    background-color:rgb(0,0,0);
}


.grid-header a, #navigation ul li a {
    color:rgb(255,255,255);
}
/*****Header*****/
h1 {
    color: rgb(166,49,0);
    font-weight:200;
    font-family: 'Fenix', serif;
    font-size:40px;
}

/*****Content*****/
#three-column-layout #left-panel, #three-column-layout #right-panel, .field-holder > div:first-child, #navigation ul li {
    width:15%;
}
#three-column-layout #left-panel {
    padding-right: 5%;
}
#three-column-layout #right-panel {
    padding-left: 5%;
}
#three-column-layout #center-panel {    
    width:60%;
}
.text-field {
    height:20px;
}
.step-text-area {
    width:600px;
    height:150px;
}
.article-image-large {
    width:180px;
    height:180px;
    margin:0 auto;
}
.article-image-cover {
    width:80px;
    height:80px;
}
.grid-header, .grid-column {
    border-style:none;
    border:0px;
    text-align:left;
}

.grid-column {
    background-color:rgb(255,255,255);
}

.side-panel {
    background-color:rgb(255,199,115);
}
.panel-text-header {
    font-size:13px;
    color:rgb(83, 53, 15);
    font-weight:bold;
}
.button-holder {
    background-color:rgb(237, 217, 158);
}
.button {
   background-color: rgb(166,49,0);
   color:rgb(255,255,255);
   border-style:none;
}
.asterisk{
    color:rgb(255, 0, 0);

}
.error-msg {
    background-color:rgb(241, 112, 112);
    border:1px solid rgb(196, 28, 28);
    color:rgb(255,255,255);
}
.success-msg {
    background-color:rgb(149, 238, 159);
    color:rgb(35, 100, 5);
    border:1px solid rgb(16, 99, 3);
}
.information-msg {
    border-radius:10px;
    background-color:rgb(204, 168, 103);
}
/*****footer*****/
#footer {
    height: 150px;
    position: relative;
    background-color:rgb(191,113,48);
    color:rgb(255,255,255);
    font-size:11px;
    border-top:3px dotted rgb(255,255,255);
}
.clearfooter {
    height: 150px;
    clear: both;
}